﻿@model com.fmtx.Model.Article
@{
    ViewBag.Title = Model.Title;
    ViewBag.keyword = Model.KeyWord;
    ViewBag.description = Model.Summary;
}

<style>
    .well {
        padding:10px;
    }
</style>
<div class="span12 container-fluid " style="margin-top:20px;" >
    <div class="row-fluid">
        <div class="span1"></div>
        <div class="span8" >
            <fieldset>
                <legend>
            <h3>@Model.Title</h3>
                <div style="line-height: 20px;" class="font12">
                    <span  >@Model.InTime.ToLocalTime().ToString("yyyy-MM-dd HH:mm:ss")</span>
                    <span style="float:right;" >
                        <!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
<span class="bds_more">分享到：</span>
<a class="bds_qzone"></a>
<a class="bds_tsina"></a>
<a class="bds_tqq"></a>
<a class="bds_renren"></a>
<a class="bds_t163"></a>
<a class="shareCount"></a>
</div>
<script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=6646780" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
    document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date() / 3600000)
</script>
<!-- Baidu Button END -->
                    </span>
                </div>
                    <div style="clear:both;"></div>
                </legend>
            </fieldset>
            <div id="conter" class="conter" >
                @Html.Raw(Model.Content)
                <div class="clear"></div>
                <p style="float:right">
                  <i class="icon-tag"></i>标签：@Model.KeyWord
                </p>
            </div>
        </div>
        <div class="span3 " >
            @if (!ViewBag.user.IsSystem){
            <div class="well">
                <div style="width:98px;height:98px;float:left; padding-right:10px;" >
                    <img style="width:98px;" src="@(StaticCs.ImageUrl)/img/artwork?file=@ViewBag.user.Header" />
                </div>
                <div style="margin-bottom:5px;">
                    <span  ><i class="icon-user" ></i><a target="user" rel="tooltip" data-original-title="去Ta的主页看看吧！" href="/@Model.Uid" >@ViewBag.user.Name</a></span>
                </div>
                <div class="font12 fontcl">
                    <span><a class="pointer">关注Ta</a></span><span style="margin-left:15px;"><a class="pointer">加好友</a></span>
                </div>
                <span class="font12 fontcl">这家伙很懒，什么也没留下~</span>
                <div class="clear"></div>
            </div>
            }
            @{var i = 1;}
            <div class="well ">
            <fieldset class="span12" >
            <legend style="margin-bottom: 0px; font-size:15px;line-height:20px;">相关游记</legend>
            <ul class="unstyled">
                    @if (ViewBag.xgarticle != null)
                    {
                        foreach (var item in ViewBag.xgarticle)
                        {
                            <li style="line-height:30px;" class="clear"><span style="float:left;">@i .</span>
                                <a style="float:left;width:90%" class="longtxt" href="/Article/@item.Id" title="@item.Title" >@item.Title</a></li>
                            i++;
                        }
                    }
                </ul>
           </fieldset>
          <div class="clear"></div>
        </div>
            <div class="well ">
                <ul id="myTab" class="nav nav-tabs">
                  <li class="active"><a href="#home" data-toggle="tab">最新</a></li>
                  <li class=""><a href="#profile" data-toggle="tab">最热</a></li>
                  <li class=""><a href="#praise" data-toggle="tab">最赞</a></li>
                </ul>
                <div id="myTabContent" class="tab-content">
              <div class="tab-pane fade active in" id="home">
                <ul class="unstyled">
                    @if(ViewBag.newlist!=null){
                        i = 1;
                        foreach (var item in ViewBag.newlist)
                        {
                            <li style="line-height:30px;" class="clear"><span style="float:left;">@i .</span>
                                <a style="float:left;width:90%" class="longtxt" href="/Article/@item.Id" title="@item.Title" >@item.Title</a></li>
                            i++;
                        }
                    }
                </ul>
              </div>
              <div class="tab-pane fade" id="profile">
               <ul class="unstyled">
                @if (ViewBag.hostlist != null)
                {
                    i=1;
                    foreach (var item in ViewBag.hostlist)
                        {
                            <li style="line-height:30px;" class="clear"><span style="float:left;">@i .</span>
                                <a style="float:left;width:90%" class="longtxt" title="@item.Title" href="/Article/@item.Id" >@item.Title</a></li>
                            i++;
                        }
                    }
                </ul>
              </div>
               <div class="tab-pane fade" id="praise">
               <ul class="unstyled">
                @if (ViewBag.praiselist != null)
                {
                    i=1;
                    foreach (var item in ViewBag.praiselist)
                        {
                            <li style="line-height:30px;" class="clear"><span style="float:left;">@i .</span>
                                <a style="float:left;width:90%" class="longtxt" title="@item.Title" href="/Article/@item.Id" >@item.Title</a></li>
                            i++;
                        }
                    }
                </ul>
              </div>
            </div>
                <div class="clear"></div>
            </div>
            <div class="well " >
                <script src="~/js/ads/ad-article-detail.js"></script>
            </div>
            <div class="well ">
                <span>相关美景</span>
                <div style="border-top: 1px solid rgb(238, 232, 232)"></div>
                <ul class="unstyled">
                    @if (ViewBag.piclist != null) {
                        foreach (var item in ViewBag.piclist)
                        {
                            <li class="clear topline">
                                <div style="float:left; padding-right:10px;">
                                   <a href="/photo/@item.Id"> <img src="@StaticCs.ImageUrl/img?m=OverCut&w=90&h=60&file=@item.PicAddress" /></a>
                                </div>
                                <div style="margin-bottom:5px;">
                                    <div  > <a href="/photo/@item.Id" >@item.Title</a></div>
                                    <div  > <a href="/photo/@item.Id">@(fmtx.Utility.WebHelper.RemoveHtml(item.Content+"",16))</a></div>
                                </div>
                            </li>
                        }
                    }
                </ul>
                <div class="clear"></div>
            </div>
            <div class="well ">
                <span>旅行达人</span>
                <div style="border-top: 1px solid rgb(238, 232, 232)"></div>
                <ul class="unstyled userlist">
                    @if (ViewBag.ulist != null)
                    {
                        foreach (var item in ViewBag.ulist)
                        {
                            <li><a href="/@item.Uid" title="@item.Name" ><img src="@StaticCs.ImageUrl/img/artwork?file=@item.Header" /></a></li>
                        }
                    }
                </ul>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>
@section scripts{
    @Scripts.Render("~/js/textSearch")
    <script type="text/javascript">
        $(document).ready(function () {
            $.get("/Api/Area/");
        });
        setmainmenu("article");
    </script>
    }